body{
    background-color: #f5f5f5;
    width:100%;
}
/*header*/
header img:first-child{
    float:left;
    margin-left:2.13%;
    padding:10px;
    margin-top:25px;
}
header p:nth-child(2){
    margin-left:33.5%;
    display: inline-block;
}
header p:nth-child(3){
    float:right;
    margin-right: 2.67%;
   /* font-family: "microsoft yahei";*/
    display:none;
}
body>p{
    padding:0 7.67%;
    box-sizing: border-box;
    margin-top: 20px;
    font-size: 0.9rem;
    font-family: AppleMedium;
    width:100%;
    color: #4FB82F;
    display: none;
    padding-bottom:20px;
}
body>p.being{
    color:#46A3DB;
}
body>p.failed{
    color:#fe9600;
}
/*joinProcess*/
#joinProcess1{
    clear: both;
}
.joinProcess{
    background-color: #FFFFFF;
    width:100%;
    height:210px;
}
.joinProcess02,.joinProcess03,.joinProcess01{
    display: none;
}
.joinProcess section{
    float:left;
    margin-top:45px;
    width:15%;
    text-align: center;
    box-sizing: border-box;
}
.joinProcess>img:nth-child(2){
   position: relative;
    top:19px;
    left:-41%;
    width:32.46%;
}
.joinProcess>img:nth-child(4){
    position: relative;
    top:-26px;
    left:-8%;
    width:32.46%;
}
.joinProcess>section:nth-child(5){
    margin-top: -47px;
}
.joinProcess section img{
    position: relative;
   background: #FFFFFF;
   z-index:10;

}
.joinProcess section p{
    color:#333333;
    font-size:0.9em;
    margin-top:18px;
    font-family: AppleMedium;
}
.joinProcess section:nth-child(1){
    margin-left: 10%;
}
.joinProcess section{
    margin-left: 18%;
}
/*joinProcess1*/
fieldset{
    border:none;
}
.joinProcess1{
    clear: both;
    position: absolute;
    top: 470px;
    bottom: 140px;
    overflow-y: scroll;
    width: 100%;
    -webkit-overflow-scrolling: touch;

    /*display:none;*/
}
.joinProcess1 p{
    color:#999999;
    font-family: AppleMedium;
    font-size: 0.9rem;
    padding:18px 0;
    margin-left:3.2%;
}
.joinProcess1 input{
   border: none;
    width:100%;
    height:120px;
    color: #333333;
    font-family: AppleMedium;
    background-color: #FFFFFF;
    outline:none;
    box-sizing: border-box;
    /*margin-top: -60px;*/
    font-size: 1rem;
    padding-left:30%;
}
.joinProcess1>section:nth-child(3){
    box-sizing: border-box;
    height: 120px;
    background: #FFFFFF;
}
.joinProcess1 section:nth-child(3) section{
    position: relative;
    top:15px;
    left:30%;
    width:60% ;
    border:none;
}
.joinProcess1 section:nth-child(3) section a:nth-child(2){
   margin-left: 10%;
}
.joinProcess1 section:nth-child(3) section a img{
    width:13%;
}
.joinProcess1 section:nth-child(3) section a span{
   position: relative;
    top:-30px;
    left:2%;
}
.joinProcess1 section:nth-child(3) span:first-child{
   top:30px;
}
.joinProcess1 section:nth-child(4){
    margin-top: 0px;
}
.joinProcess1 section:nth-child(4) span:first-child {
    top:50px;
}
.joinProcess1 section:nth-child(6) {
    margin-top: 0px;
}
.joinProcess1 section:nth-child(6) span:first-child{
    /*top:35px;*/
}
.joinProcess1 section:nth-child(7) span:first-child{
    top:35px;
}
.joinProcess1 section:nth-child(6) input{
    /*padding-top:40px;*/
}
/*.joinProcess1 section:nth-child(3) section a.active{*/
    /*background-color: #46A3DB;*/
    /*color:#FFFFFF;*/
/*}*/
.joinProcess1 section:nth-child(3) section a:first-child{
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;

}
.joinProcess1 section:nth-child(3) section a:last-child{
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
.joinProcess1 section:nth-child(4) input{
    box-sizing: border-box;
    border-bottom:1px solid #E6E6E6 ;
    /*padding-top:15px;*/
    /*margin-top: -100px;*/
}
.joinProcess1 section:nth-child(4) span{
    position: relative;
    top:-80px;
    left:3.2%;
    color:#999999;
    /*font-size:18px;*/
    font-family: AppleMedium;
}
.joinProcess1 #place{
    padding-left:20% ;
    box-sizing: border-box;
    background: #FFFFFF;
    height:120px;
    margin-top: 24px;
}
.joinProcess1 #place select{
    margin-left:13%;
    -webkit-appearance:none;
    width:33%;
    height:110px;
    float: left;
    font-size:1rem ;
    color: #333333;
    font-family: AppleMedium;
    border-radius: 10px;
    outline: none;
    border: none;
    background: url("http://ourjs.github.io/static/2015/arrow.png") no-repeat scroll 75% center transparent;
    display:none;
}
.joinProcess1 #place select option{
    font-size:18px;
    text-align: center;

}
.joinProcess1 section:nth-child(7){
    height:120px;
    background-color: #FFFFFF;
}
.joinProcess1 section:nth-child(8){
    height:120px;
    background-color: #FFFFFF;
}
.joinProcess1 section:nth-child(8) input{
    border-bottom:1px solid #E6E6E6 ;
}
.joinProcess1Btn{
    width: 100%;
    position: absolute;
    background-color: #FFFFFF;
    border-top: 1px solid #E6E6E6;
    box-sizing: border-box;
    padding:16px 2.67%;
}
.joinProcess1 #lable span{
    display:block;
    position: absolute;
    left: 3.2%;
    color: #333333;
}
.joinProcess1 #lable1 span{
    display:block;
    position: absolute;
    left: 3.2%;
    color: #999999;
}
.joinProcess1 #lable1 span{
    display:none;
}
.joinProcess1 #lable{
    position:relative;
    top:-1225px;
}
.joinProcess3 #lable3 span{
    display:block;
    position: absolute;
    left: 3.2%;
    color: #333333;
    top:367.5px;
}
.joinProcess1 #lable span:nth-child(2){
     top:395px;
 }
.joinProcess1 #lable span:nth-child(3){
    top:515px;
}
.joinProcess1 #lable span:nth-child(4){
    top:635px;
}
.joinProcess1 #lable span:nth-child(5){
    top:775px;
}
.joinProcess1 #lable span:nth-child(6){
    top:900px;
}
.joinProcess1 #lable span:nth-child(7){
    top:1020px;
}
.joinProcess1 #lable span:nth-child(8){
    top:1140px;
}
.joinProcess1 #lable1 span:nth-child(2){
    top:467px;
}
.joinProcess1 #lable1 span:nth-child(3){
    top:580px;
}
.joinProcess1 #lable1 span:nth-child(4){
    top:700px;
}
.joinProcess1 #lable1 span:nth-child(5){
    top:835px;
}
.joinProcess1 #lable1 span:nth-child(6){
    top:970px;
}
.joinProcess1 #lable1 span:nth-child(7){
    top:1090px;
}

.joinProcess1Btn button{
    background-color: #46A3DB;
    color: #FFFFFF;
    font-family: AppleMedium;
    font-size: 1.1rem;
    height:100px;
    width:100%;
    border-radius: 10px;
    outline: none;
    border: none;
    letter-spacing: 0.5em;
}
.joinProcess1 section span:first-child{
    position: relative;
    top:53px;
    left:3.2%;
    color: #999999;
    /*font-size: 1rem;*/
    font-family: AppleMedium;
    display:none;
}
.joinProcess1 #place span{
    /*display:none;*/
    position: relative;
    top:35px;
    left:-87%;
    color: #999999;
    /*font-size: 1rem;*/
    font-family: AppleMedium;
}
.joinProcess1 section{
    border-top:1px solid #E6E6E6 ;
}
.joinProcess1 mask{
    color: #000000;
    opacity: 0.5;
}
.joinProcess1 .list a{
    color:#454545;
}
#joinProcess1Btn+button{
    width:48.7%;
    margin-left: 2%;
    display:none;
}
/*.dw.dwbg {*/
    /*width:70%;*/
    /*height:900px;*/
/*}*/
/*.dwwr{*/
    /*width:70%;*/
    /*height:900px;*/
/*}*/
/*.dwv{*/
    /*font-size: 1rem;*/
/*}*/
#joinProcess2Btn+button{
    width:46.7%;
    margin-left: 48%;
    display:none;
}
/*joinProcess2*/
.joinProcess2{
    /*margin-top: 22px;*/
    background-color: #FFFFFF;
    box-sizing: border-box;
    /*padding:0px 3.46% 0px;*/
    display:none;

}
.scroll{
    position: absolute;
    top: 420px;
    bottom: 34px;
    overflow-y: scroll;
    width:100%;
    -webkit-overflow-scrolling: touch;
}
.joinProcess2 section lable{
    color:#999999;
    font-size: 0.9rem;
    font-family: AppleMedium;
    display: block;
    margin-left: 3.46% ;
}
.joinProcess2 section textarea{
    resize:none;
    height:248px;
    width:90%;
    /*margin-top:20px;*/
    border: 2px solid #E6E6E6;
    margin-left:4%;
    border-radius: 10px;
    font-size: 1rem;
    font-family: AppleMedium;
    box-sizing: border-box;
    padding:22px 2.5%;
    outline:none;
}
.scroll section:first-child{
    padding-top:30px;
    height:400px;
}

.scroll section:first-child section{
    margin-top: 14px;
    box-sizing: border-box;
    padding:30px 3.46% 30px;
    margin-left: 0%;
background: #FFFFFF;
}
.scroll>section:nth-child(2){
    /*background: #FFFFFF;*/
    height:400px;
}

.scroll section:nth-child(2) section{
    margin-top: 14px;
    box-sizing: border-box;
    padding:30px 3.46% 30px;
    margin-left: 0%;
background: #FFFFFF;
}
.joinProcess2 section:nth-child(3) lable{
    /*margin-top:46px;*/
}
.joinProcess2 section:nth-child(3) lable span{
    color:#46A3DB;
}
.joinProcess2 section:nth-child(3) section img{
    width:83.76%;
    margin-left:8.12%;
    /*margin-top: 20px;*/
    /*height:285px;*/
    border-radius: 10px;
}
/*.joinProcess2 section:nth-child(2) input{*/
    /*display: none;*/
/*}*/
.joinProcess2 #queue{
    width:66.93%;
    margin-left:13.5%;
    display: none;
}
.joinProcess2 #queue a{
    padding:5px;
    background: #fe3000;
    border-radius: 50%;
    color:#FFFFFF;
    position: relative;
    top:-15px;
    font-size: 30px;
    display: none;
}
.joinProcess2 #uploadifive-file_upload{
    display: none;
}
.joinProcess2 .upLoad{
    padding-bottom:200px;
}
.joinProcess2 .upLoad a{
    display: none;
    color: #666666;
    font-size: 30px;
    text-align: center;
    font-family: AppleMedium;
    padding: 10px 30px;
    border: 1px solid #E6E6E6;
    background-color:#FFFFFF ;
    border-radius: 10px;
    margin-top: 20px;
    margin-left: 41.3%;
}
.joinProcess2 .upLoad section{
    margin-top: 14px;
    background: #FFFFFF;
    padding:30px 0 30px;
    box-sizing: border-box;
}
.joinProcess2 .upLoad #file_upload{
    display:none;
}

.joinProcess2>section:last-child{
    width: 100%;
    position: fixed;
    background-color: #FFFFFF;
    border-top: 1px solid #E6E6E6;
    box-sizing: border-box;
    padding:16px 2.67%;
    height:120px;
    /*margin-left:-3.46%;*/
}
.joinProcess2 button{
    background-color: #46A3DB;
    color: #FFFFFF;
    box-sizing: border-box;
    font-family: AppleMedium;
    font-size: 1.1rem;
    height:100px;
    width:95%;
    border-radius: 10px;
    outline: none;
    border: none;
    letter-spacing: 0.5em;
    position: fixed;
}
/*joinProcess3*/
.joinProcess3{
    display:none;
}
.joinProcess3 p{
    color:#999999;
    font-family: AppleMedium;
    font-size: 0.9rem;
    padding-top:26px;
    margin-left:3.2%;
    padding-bottom:26px;
}
.joinProcess3 input{
    border:1px solid #E6E6E6 ;
    width:100%;
    height:120px;
    font-size:1rem ;
    color: #333333;
    font-family: AppleMedium;
    padding-left:30%;
    background-color: #FFFFFF;
    outline:none;
    box-sizing: border-box;
}
.joinProcess3 section:nth-child(4) input{
    margin-top:24px;
}
.joinProcess3 section:last-child{
    width: 100%;
    position: fixed;
    background-color: #FFFFFF;
    border-top: 1px solid #E6E6E6;
    box-sizing: border-box;
    padding:16px 2.67%;
}
.joinProcess3 button{
    background-color: #46A3DB;
    color: #FFFFFF;
    box-sizing: border-box;
    font-family: AppleMedium;
    font-size: 1.1rem;
    height:100px;
    width:100%;
    letter-spacing: 0.5em;
    border-radius: 10px;
    outline: none;
    border: none;
}

/*mask*/
.mask{
    position: absolute;
    z-index:200;
    background-color: #000000;
    opacity: 0.5;
    top:0;
    left:0;
    display:none;
}
.jobTitle{
    position:absolute;
    z-index:300;
    width:100%;
    text-align:center;
    display: none;
}
.jobTitle p{
    /*color:#FFFFFF;*/
    font-size:1rem;
    line-height:90px;
    width:80%;
    color: #000000;
    display:block;
    text-align: center;
    font-family: AppleMedium;
    margin-left: 9.35%;
    background-color: #FFFFFF;
    padding: 15px 0;
    box-sizing: border-box;

}
.jobTitle p:not(:first-child){
    border-top: 1px solid #e6e6e6;
}
.jobTitle p:first-child {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.jobTitle p:last-child {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
#jobContent{
    position: relative;
    top: 34px;
    color: #333333;;
    font-size: 1rem;
    font-family: AppleMedium;
    left:15%;
}

.editInfo{
    width:72.27%;
    background-color: #FFFFFF;
    position: absolute;
    z-index:400;
    border-radius: 10px;
    font-family: AppleMedium;
    left:13.6%;
    display: none;
}

.editInfo p:first-child{
    font-size:0.9rem;
    color:#333333;
    padding:30px 4.1%;
    box-sizing: border-box;
    border-bottom: 5px solid #E6E6E6;
}
.editInfo p:first-child span{
    color:#46A3DB;
}

.editInfo p:nth-child(2) span{
    font-size: 1rem;
    width:49%;
    display: block;
    padding:20px 0;
    /*float:left*/
    text-align: center;
}
.editInfo p:nth-child(2) span:first-child{
    border-right:5px solid #E6E6E6;
}
.editInfo p:nth-child(2) span:nth-child(1){
    float:left;
    color:#999999;
}
.editInfo p:nth-child(2) span:nth-child(2){
    float:left;
    color:#46A3DB;
}



.dtpicker-content{
    max-width:700px;
}
.dtpicker-buttonCont .dtpicker-button{
    background: #46A3DB;
}
/*.dtpicker-components{*/
    /*height:200px;*/
/*}*/
.joinProcess1 section:nth-child(4) #dtBox .dtpicker-components input{
    padding-top:0;
}
.dtpicker-header .dtpicker-value {
    color: #46A3DB;
}
.dtpicker-header .dtpicker-close {
    color: #46A3DB;
}

.example{
    z-index:300;
    position:absolute;
    top:500px;
    box-sizing: border-box;
    padding:0 2.67%;
    font-family: AppleMedium;
    display:none;
}
.example p{
    color: #FFFFFF;
}
.example section p:first-child{
    margin-bottom: 30px;
    text-align: center;
    font-size: 0.9rem;
}
.example section p:nth-child(3){
    text-align: left;
    margin-top: 30px;
    font-size: 0.8rem;
}
.example section{
    width:48%;
    float:left;
}
.example section:not(:first-child){
    margin-left: 4%;
}
.example section img{
    width:100%;
}
.example>p{
    font-size: 1rem;
    margin-top: 700px;
    text-align: center;
}

.dtpicker-components{
    height:200px;
}
.dtpicker-components .dtpicker-compValue{
    height:60px;
}